iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 3
0
Modern Web

後端的鉗形攻勢系列 第 3

[Day. 02] 工欲善其事,必先苦其心志,勞其筋骨。

  • 分享至 

  • xImage
  •  

今天要分享的是當打碼悍將必備的工具之一,程式碼編輯器。

Code Editor簡介

不論是資深碼農,還是剛步入Coding的懵懂小新肝,都必須要有幫助我們撰寫code的工具,也就是通稱的Code Editor。
就像是要做一份簡報,我們就會用到PowerPoint一樣。

Code Editor分很多種(Assembler組譯器、Compiler編譯器),以及整合型的最為方便也較為User-friendly的便是IDE

IDE,Intergrated Development Enviroment,現在已經有大大小小的IDE被開發與使用 (僅列舉幾項) :

  • Sublime text
  • Atom
  • Vim
  • VSCode
    其中,在2019年的Stack Overflow組織的開發者調研中,VS Code被認為是最受開發者歡迎的開發環境。因為VSCode:
    1. 開源(Open Source),簡單來說,免費。
    2. 由微軟(Microsoft)所推行,大神們都在用了,程式菜鳥當然就跟上><。
    3. 同時支援Windows 、 Linux和macOS,不管在哪種OS作業系統上都可以使用。
    4. 內建了Git 版本控制功能,對於程式碼的維護和管理相當方便。
    5. 可以客製化自己的VSCode,顏色、快速鍵入、程式碼自動補全等等。

雖然平時打碼是以VSCode為主,但是此次30天挑戰,筆者會和各位一同嘗試Sublime編輯器~~(喂XDD

Sublime text安裝

首先去到Sublime官網
https://ithelp.ithome.com.tw/upload/images/20200917/20126335oX9wUs5uDL.png

選擇自己電腦的版本,進行下載~
https://ithelp.ithome.com.tw/upload/images/20200917/201263353gZsIH6Sfo.png

下載完成後,雙擊進入安裝~
https://ithelp.ithome.com.tw/upload/images/20200917/20126335kqP2PCqM1k.png
選擇安裝路徑,點Next->
https://ithelp.ithome.com.tw/upload/images/20200917/20126335e2RMu16UaW.png
"Add to explorer context menu"意思是可以在檔案目錄點擊右鍵直接進入sublime編輯~
點Next->
https://ithelp.ithome.com.tw/upload/images/20200917/20126335TcDpNgDgxg.png
Finish , Sublime已經裝好囉!

接著,sublime除了當編輯器當然還有其他方便的附件囉~
不然使用記事本直接打就好了嘛XDD
Sublime最強大的就是外掛plugins了,
外掛搭配快速鍵,可以大大提升開發效率
先到packagecontrol
https://ithelp.ithome.com.tw/upload/images/20200917/20126335LUjDnpxsGf.png
就有附上怎麼安裝囉~

我們打開Sublime,按下ctrl+shift+p
https://ithelp.ithome.com.tw/upload/images/20200917/20126335Ge2JfKPa44.png
接著輸入Install Package Control,然後按下Enter,就安裝好囉~

如果要安裝外掛plugins,只要先ctrl+shift+p然後選擇Package Control :Install Package進入下載安裝模式,然後搜尋想要安裝的插件進行下載就行囉~


今天就把我們要使用的編輯器給建置好了,接下來就可以準備進入Coding模式了!!


上一篇
[Day. 01] 網頁,往前還是往後?
下一篇
[Day. 03] PHP,People who Hate to Program.
系列文
後端的鉗形攻勢31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言